<template>
  <div class="header2">
      <div>
          <img src="https://p0.meituan.net/scarlett/448afce485c1f342895185c2be668fa411803.png" alt="加载失败">
      </div>
      <div>发现最新最热电影</div>
      <div>打开App <i class="iconfont icon-you"></i></div>
  </div>
</template>

<script>
export default {
    name:"Header2",
    data(){
        return{};
    },
    methods:{},
    components:{},
}
</script>


<style scoped>
*{
    margin: 0;
    padding: 0;
}
.header2{
    width: 100%;
    height: 1.6rem;
    line-height: 1.6rem;
    display: flex;
    justify-content: space-around;
    text-align: center;
    border-bottom: 1px solid  rgba(102, 102, 102, 0.171);
    background: #fff;
}
.header2 div:nth-child(1){
    width: 40%;
}
.header2 div:nth-child(1) img{
    width: 2.506667rem;
    height: 1.04rem;
    margin-top: .266667rem;
}
.header2 div:nth-child(2){
    width: 30%;
    font-size: 12px;
    text-align: right;
    font-weight: bold;
    
}
.header2 div:nth-child(3){
    width: 30%;
    color: #b37e7e;
    font-weight: bold;
    font-size: 16px;

}
</style>